﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="buy.aspx.cs" Inherits="ProjectX.buy" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>我要买东西</title>
    <link href="/WebCss/base.css" rel="stylesheet" type="text/css" />
    <link href="/WebCss/skins/Ext/asyncbox.css" rel="stylesheet" type="text/css" />
    <link type="text/css" href="/WebCss/buy.css" rel="stylesheet" />	
    <script src="/ClientJs/jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="/ClientJs/jquery.loadthumb.js"></script>
    <script src="/ClientJs/ajaxUpload/ajaxupload.js" type="text/javascript"></script>
    <script type="text/javascript" src="/ClientJs/GlobalProvinces_main.js"></script>
	<script type="text/javascript" src="/ClientJs/GlobalProvinces_extend.js"></script>
    <script src="/ClientJs/kindeditor-min.js" type="text/javascript"></script>
    <script src="/ClientJs/AsyncBox.js" type="text/javascript"></script>
    <script src="/ClientJs/buy.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
    </script>
</head>
<body>
    <form id="buyform" runat="server" method="post">
     <div id="headTop">
        <p>
            <asp:HyperLink ID="username" runat="server" NavigateUrl="/userCenter.html" ForeColor="Red"></asp:HyperLink>&nbsp&nbsp&nbsp欢迎来到淘我想淘网！
            <strong>
                <asp:HyperLink ID="loginlink" runat="server" NavigateUrl="/login.html" ForeColor="White">[请登录]</asp:HyperLink>&nbsp<font color="red">|</font>&nbsp<asp:HyperLink ID="reglink" runat="server" NavigateUrl="/regedit.html" ForeColor="White">[免费注册]</asp:HyperLink>
                <asp:LinkButton ID="logout" runat="server" ForeColor="White" 
                Visible="false" onclick="logout_Click">[退出]</asp:LinkButton>
            </strong>
            <span>
                <a href="/userCenter.html" target="_self" style="color:White">[用户中心]</a>&nbsp<font color="red">|</font>&nbsp[帮助中心]
            </span>
        </p>
    </div>
    <div id="newHeader" >
        <div>
            <a href="/" class="logo hidetxt"></a>
        </div>
        <ul id="newNav">
            <li><a id="mainpage" href="/" target="_parent" class="mainlink"></a></li>
            <li><a id="buy" href="/buy.html" target="_parent" class="buylinkactive"></a></li>
            <li><a id="mybuy" href="/mybuy.html"  target="_parent" class="mybuylink"></a></li>
            <li><a id="allbuy" href="/allbuy.html"  target="_parent" class="allbuylink"></a></li>
        </ul>
    </div>
    <div id="container">
        <div id="buydirection" class="buydirection clearfix">
            <span class="current">1.选择购买商品</span>
            <span class="linefrist"></span>
            <span>2.填写购买信息</span>
            <span class="line"></span>
            <span>3.上传参考图片</span>
            <span class="line"></span>
            <span>4.提交购买信息</span>
        </div>
        <div id="selectcit">
            
        </div>
        <div id="Content1" class="divcontent">
            <div style="text-align:left;" class="selectinforcss">
                <span class="prev"></span>
                <div id="citlist">
                    <ul id="citul">
                        <li>
                            <div style="width:200px;height:1px;"></div>
                            <asp:ListBox ID="cit1" runat="server" ></asp:ListBox>
                        </li>
                        <li>
                            <div style="width:200px;height:1px;"></div>
                            <select  id="cit2" class="listbox" size="4" ></select>
                        </li>
                        <li>
                            <div style="width:200px;height:1px;"></div>
                            <select  id="cit3" class="listbox" size="4" ></select>
                        </li>
                        <li>
                            <div style="width:200px;height:1px;"></div>
                            <select  id="cit4" class="listbox" size="4" ></select>
                        </li>
                        <li>
                            <div style="width:200px;height:1px;"></div>
                            <select  id="cit5" class="listbox" size="4" ></select>
                        </li>
                        <li>
                            <div style="width:200px;height:1px;"></div>
                            <select  id="cit6" class="listbox" size="4" ></select>
                        </li>
                    </ul>
                </div>
                <span class="next"></span>
            </div>
            <div style="position:relative;height:35px;">
                <a id="C1Btndown" href="javascript:;" class="directionbtn" style="right:15px;"><strong>下一步</strong></a>
            </div>
        </div>
        <div id="Content2" class="divcontent" style="display:none">
            <div id="baseinfor" class="bhinforcss">
                <ul style="height:426px;">
                    <li>
                        <label><font color="red">购买主题</font></label>
                        <div class="div_base">
                            <input id="title" type="text" class="maintextcss" maxlength="25" style="width:300px;" />
                        </div>
                        <div class="div_tip corner">
                            输入主题(如:我要买个品牌手机)请勿输入特殊字符
                        </div>
                    </li>
                    <li>
                        <label><font color="red">宝贝名称</font></label>
                        <div class="div_base">
                            <input id="name" type="text" class="maintextcss" style="width:300px;" />
                        </div>
                        <div class="div_tip corner">
                                输入宝贝名称(如:诺基亚5300)请勿输入特殊字符
                        </div>
                    </li>
                    <li>
                        <label>宝贝买给谁</label>
                        <div class="div_base">
                            <select id="ower" class="maintextcss" title="买来给谁呢？" style="height:auto;width:248px;background: #EEE;">
                                <option value="自己" selected="selected">自己</option>
                                <option value="另一半">我的另一半</option>
                                <option value="父母长辈">父母长辈</option>
                                <option value="好朋友">好朋友</option>
                                <option value="其他">其他</option>
                            </select>
                        </div>
                        <div class="div_tip corner">
                                买来送给谁的
                        </div>
                    </li>
                    <li>
                        <label><font color="red">期望价格</font></label>
                        <div class="div_base">
                            <input id="pricemax" type="text" onpaste="return false;" ondragenter="return false;" class="maintextcss" style="width:100px;" />(单位:元)
                        </div>
                        <div class="div_tip corner">
                                您期望的价格,请适当填写,以提高卖家积极性
                        </div>
                    </li>
                    <li>
                        <label>有效时间</label>
                        <div class="div_base">
                            <select id="overtime" class="maintextcss" style="height:auto;width:248px;background: #EEE;">
                                <option value="24">24小时</option>
                                <option value="48" selected="selected">48小时</option>
                            </select>
                        </div>
                        <div class="div_tip corner">
                                在有效时间到期后，卖家将无法再提供商品
                        </div>
                    </li>
                    <li>
                        <label><font color="red">购买数量</font></label>
                        <div class="div_base">
                            <input id="goodscount" type="text" value="1" class="maintextcss" style="width:240px;" />
                        </div>
                        <div class="div_tip corner">
                                想买多少，卖家会根据购买数量调整价格
                        </div>
                    </li>
                    <li>
                        <label>宝贝所在地</label>
                        <div class="div_base">
                            <div>
                                <input type="radio" id="p1" name="place" value="0" checked="checked" onclick="placeChoose()" />
                                <span>无所谓，哪里都可以</span>
                                <input type="radio" id="p2" name="place" value="1" onclick="placeChoose()" style="margin-left:15px;" />
                                <span>我更喜欢这里的</span>
                            </div>

                                <select id="sheng" name="sheng" disabled="disabled" class="maintextcss" style="height:auto;width:120px;background: #EEE;">            
                                </select>
                                <span>省/市:</span>
                                <select id="shi" name="shi" disabled="disabled" class="maintextcss" style="height:auto;width:120px;background: #EEE;">    
                                </select> 
                                <span>城 市:</span>

                        </div>
                        <div class="div_tip corner">
                            你希望买到哪里的卖家提供的商品
                        </div>
                    </li>
                </ul>
                <div style="text-align:center">
                    <label style="color:#666">(<font color="red">红色</font>为必填项，请仔细填写，方便卖家准确提供商品)</label>
                </div>
            </div>
            <div style="position:relative;height:35px;">
                <a id="C2Btnup" href="javascript:;" class="directionbtn" style="right:125px;"><strong>上一步</strong></a>
                <a id="C2Btndown" href="javascript:;" class="directionbtn" style="right:15px;"><strong>下一步</strong></a>
            </div>
        </div>
        <div id="Content3" class="divcontent" style="display:none">
            <div class="bhinforcss">
                <div style="text-align:center">
                    <span style="color:#666">建议您最好上传商品的参考图片<font color="red">(图片不能大于500KB)</font>，方便卖家更准确的提供商品</span>
                </div>
                <div id="imgParent" style="border: 1px solid #A7A6AA;background-color:#FFFFFF;width:500px;height:380px;margin:5px auto;padding:3px;text-align:left;">
                    <img id="showimg" style="display:none" src="" alt="" />
                </div>
                <div style="text-align:center">
                    <button id="upload">选择图片</button>
                    <button id="cancal">取消图片</button>
                </div>
            </div>
            <div style="position:relative;height:35px;">
                <a id="C3Btnup" href="javascript:;" class="directionbtn" style="right:125px;"><strong>上一步</strong></a>
                <a id="C3Btndown" href="javascript:;" class="directionbtn" style="right:15px;"><strong>下一步</strong></a>
            </div>
        </div>
        <div id="Content4" class="divcontent" style="display:none">
            <div class="bhinforcss">
                <div style="text-align:center;margin-bottom:10px;">
                    <span style="color:#666;">建议您清楚填写购买商品的特殊要求(比如颜色、样式、物流方式等等)，方便卖家更准确的提供商品</span>
                </div>
                <div style="width:800px;height:406px;margin:0 auto;">
                    <textarea id="info" name="info" style="width:800px;height:380px;visibility:hidden;"></textarea>
                    <label id="wordcount" style="text-align:left;float:left;"></label>
                </div>
            </div>
            <div style="position:relative;height:35px;">
                <a id="C4Btnup" href="javascript:;" class="directionbtn" style="right:125px;"><strong>上一步</strong></a>
                <a id="C4Submit" href="javascript:;" class="directionbtn" style="right:15px;"><strong>提交</strong></a>
            </div>
        </div>
    </div>
    <iframe id="Ifooter" style="border: none;margin-top:30px;margin-bottom:30px;" width="998px" height="250px" src="/footer.aspx" scrolling="no"></iframe>
    </form>
</body>
</html>
